<!DOCTYPE html>
<html>

<head>
          <title>会员注册表单</title>
          <meta charset="utf-8">
          <style type="text/css">
                    /*嵌入的样式表*/
                    table {
                              width: 420px;
                              margin: 0 auto;
                              border: 1px solid black;
                              border-collapse: collapse;
                              font-size: 13px;
                    }
          </style>
</head>

<body>
          <form name="form1" method="post" action="success.html">
                    <table border="1">
                              <tr>
                                        <td colspan="3"><img src="images/scene3.jpg" style="  margin:0 auto"></td>
                              </tr>
                              <tr>
                                        <th height="32" colspan="3">会员注册表单</th>
                              </tr>
                              <tr>
                                        <td width="80">用户名：</td>
                                        <td width="230"><input type="text" name="myname" autofocus required></td>
                                        <td>autofocus</td>
                              </tr>
                              <tr>
                                        <td>密码：</td>
                                        <td><input type="password" name="mypassword"></td>
                                        <td>type="password"</td>
                              </tr>
                              <tr>
                                        <td>确认密码：</td>
                                        <td><input type="password" name="repassword"></td>
                                        <td></td>
                              </tr>
                              <tr>
                                        <td>性别：</td>
                                        <td><input type="radio" name="rad" value="rad1">男
                                                  <input type="radio" name="rad" value="rad2">女
                                        </td>
                                        <td>type="radio"</td>
                              </tr>
                              <tr>
                                        <td>电子邮箱：</td>
                                        <td><input type="email" name="myemail" required></td>
                                        <td>type="email"</td>
                              </tr>
                              <tr>
                                        <td>联系电话：</td>
                                        <td><input type="tel" name="tel" required></td>
                                        <td> type="tel"</td>
                              </tr>
                              <tr>
                                        <td>年龄：</td>
                                        <td><input type="number" name="myage" min=16 max=28></td>
                                        <td>type="number"</td>
                              </tr>
                              <tr>
                                        <td>专业：</td>
                                        <td><input type="text" list="alist" name="mydepartment" placeholder="maths">
                                                  <datalist id="alist">
                                                            <option value="computer"></option>
                                                            <option value="physics"></option>
                                                            <option value="chinese"></option>
                                                            <option value="maths"></option>
                                                  </datalist>
                                        </td>
                                        <td>datalist</td>
                              </tr>
                              <tr>
                                        <td>出生日期：</td>
                                        <td><input type="date" name="birthdate"></td>
                                        <td>type="date"</td>
                              </tr>
                              <tr>
                                        <td>选择颜色：</td>
                                        <td><input type="color" name="mycolor">
                                        </td>
                                        <td>type="color"</td>
                              </tr>
                              <tr>
                                        <td>等级：</td>
                                        <td><input type="range" name="rank" min=2 max=8 step=2 value="2"
                                                            onChange="showr.value=value">
                                                  <output id="showr">4</output> 级
                                        </td>
                                        <td>type="range"</td>
                              </tr>
                              <tr>
                                        <td>爱好：</td>
                                        <td>
                                                  <input name="check1" type="checkbox" value="sport">户外
                                                  <input name="check2" type="checkbox" value="voice">音乐
                                                  <input name="check3" type="checkbox" value="movie">购物
                                                  <input name="check4" type="checkbox" value="shopping">其他
                                        </td>
                                        <td>type="checkbox"</td>
                              </tr>
                              <tr>
                                        <td>所在地：</td>
                                        <td>
                                                  <select name="menu2" size="">
                                                            <option value="2">北京</option>
                                                            <option value="3">上海</option>
                                                            <option value="4">大连</option>
                                                            <option value="5">其他</option>
                                                  </select>
                                        </td>
                                        <td></td>
                              </tr>
                              <tr>
                                        <td><input name="sub" type="submit" value="提交"></td>
                                        <td><input name="reset" type="reset" value="重置"></td>
                                        <td></td>
                              </tr>
                    </table>
          </form>
</body>

</html>